<template>
  <div class="today-window">
    <div class="box">
    <div class="top">
    <img style="width: 81.97px;height: 70px;" src="@/assets/waterLevel/yxkj1.png" alt="">
    <div style="display: flex;flex-direction: column;">
      <span class="mingcheng">在线设备数</span>
      <span class="yingwen">Online Devices</span>
    </div>
    <span class="shuzhi" >30 <span class="danwei">个</span></span>
  </div>
<div class="bottom">
  <!-- <span class="xiamianneirong"><span></span>超时未归还<span class="fangge">20</span>个</span> -->
  <span class="xiamianneirong">已注册设备<span class="fangge">20</span> 个</span>
</div>
  </div>
  <div class="box">
    <div class="top"  style="margin-top: 30px;">
    <img style="width: 81.97px;height: 70px;" src="@/assets/waterLevel/yxkj2.png" alt="">
    <div style="display: flex;flex-direction: column;">
      <span class="mingcheng">有限空间内人数</span>
      <span class="yingwen">Number of People</span>
    </div>
    <span class="shuzhi" >30 <span class="danwei">个</span></span>
  </div>
<div class="bottom">
  <span class="xiamianneirong"><span></span>今日进入<span class="fangge">20</span>人</span>
  <span class="xiamianneirong">今日离开<span class="fangge">20</span>人</span>
</div>
  </div>
  <div class="box">
    <div class="top"  style="margin-top: 30px;">
    <img style="width: 81.97px;height: 70px;" src="@/assets/waterLevel/yxkj3.png" alt="">
    <div style="display: flex;flex-direction: column;">
      <span class="mingcheng">有限空间内器具数</span>
      <span class="yingwen">Number of Tools</span>
    </div>
    <span class="shuzhi" >30 <span class="danwei">个</span></span>
  </div>
<div class="bottom">
  <span class="xiamianneirong"><span></span>今日进入<span class="fangge">20</span>个</span>
  <span class="xiamianneirong">今日离开<span class="fangge">20</span> 个</span>
</div>
  </div>

  </div>
</template>
<script>

import { api } from "@/api/index.js";
// import { getWeatherData } from "@/api/bridgeMonitoring/sensor";

export default {

  data() {
    return {
    
    };
  },
  mounted() {

  },
  computed: {},
  methods: {
  
  },
};
</script>
<style scoped lang='scss'>

.today-window {
  width: 448px;
  height: 411px;
  // margin-bottom: vh(32px);
  // background: rgba(13, 26, 35, 0.15);
  margin-left: 16px;
  background: url("~@/assets/waterLevel/yxkj.png");
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  z-index: 5;

}
</style>
